<template>
  <div class="articles-area">
    <el-card style="text-align: left;width: 990px;margin: 35px auto 0 auto">
      <div>
        <span style="font-size: 20px"><strong>{{ notice.noticeTitle }}</strong></span>
        <el-divider content-position="left">{{ notice.pushTime }}</el-divider>
        <div class="markdown-body">
          <div v-html="notice.contentHtml"></div>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
import api from '../../../apis/admin/notice'

export default {
  name: 'NoticeDetails',
  data() {
    return {
      notice: {}
    }
  },
  mounted() {
    this.loadNotice()
  },
  methods: {
    async loadNotice() {
      const result = await api.getNotice(this.$route.params.id)
      this.notice = result.data
    }
  }
}
</script>

<style scoped>

</style>
